<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
	<head>
		<%@ include file="/common/taglibs.jsp"%>
		<title>登录</title>
	</head>
<body>
<div class="wrapper">
	<h1 class="phead">按钮<small>对按钮或者a标签按钮的样式重写,css3按钮是指通过css3来实现的按钮的效果，css3纯css可以实现立体，渐变，阴影，圆角等很多种特效，如果把这些属性通过各种不同的方式组合在一起就能实现很多不同的炫酷的按钮效果。 </small></h1>
  <div class="row">
    	<div class="twelve">
       	  <table width="100%" border="0" class="table bordered">
  <tr>
    <td>演示</td>
    <td>代码</td>
    <td>功能</td>
  </tr>
  <tr>
    <td><a href="#" class="button">默认</a></td>
    <td><code>&lt;a class=&quot;button&quot;&gt;</code> 或者 <code>&lt;input type=&quot;button&quot; class=&quot;button&quot;&gt;</code></td>
    <td>默认按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button black">黑色</a></td>
    <td><code>&lt;a class=&quot;button black&quot;&gt;</code> 或者...</td>
    <td>黑色的按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button orange">橙色</a></td>
    <td><code>&lt;a class=&quot;button orange&quot;&gt;</code> 或者...</td>
    <td>橙色按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button red">红色</a></td>
    <td><code>&lt;a class=&quot;button red&quot;&gt;</code> 或者...</td>
    <td>红色按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button blue">蓝色</a></td>
    <td><code>&lt;a class=&quot;button blue&quot;&gt;</code> 或者...</td>
    <td>蓝色按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button rosy">玫瑰红</a></td>
    <td><code>&lt;a class=&quot;button rosy&quot;&gt;</code> 或者...</td>
    <td>玫瑰红按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button green">绿色</a></td>
    <td><code>&lt;a class=&quot;button green&quot;&gt;</code> 或者...</td>
    <td>绿色按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button pink">粉红</a></td>
    <td><code>&lt;a class=&quot;button pink&quot;&gt;</code> 或者...</td>
    <td>粉红按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button yellow">黄色</a></td>
    <td><code>&lt;a class=&quot;button yellow&quot;&gt;</code> 或者...</td>
    <td>黄色按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button black bigrounded">圆角</a></td>
    <td><code>&lt;a class=&quot;button black bigrounded&quot;&gt;</code> 或者...</td>
    <td>圆角的按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button black medium">适中号</a></td>
    <td><code>&lt;a class=&quot;button black medium&quot;&gt;</code> 或者...</td>
    <td>中等号按钮</td>
  </tr>
  <tr>
    <td><a href="#" class="button black small">小号</a></td>
    <td><code>&lt;a class=&quot;button black small&quot;&gt;</code> 或者...</td>
    <td>小号按钮</td>
  </tr>
</table>

        </div>
  </div>
    
</div>
</body>